<template>
  <!--    footer -->
  <div  class="footer">
    <b-container>
      <b-row align-h="around">
        <b-col sm="12" md="6">
            <div class="footer-logo"><img src="../../assets/images/login.jpg" width="10px" height="10px" class="header-img"/>
              倍赛basicfinder</div>
            <div class="slogon">数据标注与采集服务</div>
            <div class="slogon">为您的人工智能引擎增加强劲的数据动力</div>
            <!-----导航栏------>
            <b-nav>
              <b-nav-item active>+首页</b-nav-item>
              <b-nav-item>+HIVE标注平台</b-nav-item>
              <b-nav-item>+3D点云工具集</b-nav-item>
              <b-nav-item>+关于我们</b-nav-item>
              <b-nav-item>+加入我们</b-nav-item>
            </b-nav>
        </b-col>
        <b-col sm="12" md="6" class="text">
          <div class="member">
            <div class="title">数据标注及采集咨询</div>
            <!--------手机电话和邮箱----------->
            <div class="item"><i class="el-icon-mobile-phone"></i> +86 185 1891 9170 (同微信)</div>
            <div class="item"><i class="el-icon-phone-outline"></i> 010-533 569 26</div>
            <div class="item"><i class="el-icon-message"></i>  support@basicfinder.com</div>
          </div>
          <div class="member">
            <div class="title">标注团队业务咨询</div>
            <div class="item"><i class="el-icon-mobile-phone"></i> +86 185 1891 9170 (同微信)</div>
          </div>
          <div class="member">
            <div class="title">标注工具及私有化平台咨询</div>
            <div class="item"><i class="el-icon-mobile-phone"></i> +86 185 1891 9170 (同微信)</div>
            <div class="item"><i class="el-icon-message"></i>  support@basicfinder.com</div>
          </div>
          <div class="member">
            <div class="title">品牌公关</div>
            <div class="item"><i class="el-icon-mobile-phone"></i> +86 185 1891 9170 (同微信)</div>
            <div class="item"><i class="el-icon-phone-outline"></i> 010-533 569 26</div>
            <div class="item"><i class="el-icon-message"></i>  support@basicfinder.com</div>
          </div>
          <div class="member">
            <div class="title">企业总机</div>
            <div class="item"><i class="el-icon-phone-outline"></i> 010-533 569 26</div>
          </div>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
export default {
  name: 'footer'
}
</script>

<style scoped lang="less">
  .footer{
    /*margin: 44px auto 0;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    padding: 5% 10%;
    background-color: black;
    color: white;
      .footer-logo{
        height: 20px;
        width: auto;
        margin-bottom: 12px;
      }
      .slogon {
        font-size: 14px;
        color: #656d78;
      }
      .member{
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
        padding-left: 10px;
        .title{
          font-weight: 600;
          color: #b0b8c3;
          font-size: 14px;
        }
        .item{
          padding: 5px 15px 5px 0;
          font-size: 14px;
          line-height: 20px;
          color: #e0e0e0;
        }
      }
  }
</style>
